
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" slick-uniqueid="3">
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="content-type" content="text/html; charset=utf-8">
      <meta name="author" content="Super User">
      <meta name="generator" content="">
      <title>Home</title>
      <link href="http://demo.bowthemes.com/bt-metro/" rel="canonical">
      <link href="/bt-metro/templates/bt_metro/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
      <link rel="stylesheet" href="css/template.css" type="text/css">
      <link rel="stylesheet" href="css/bt_metro.css" type="text/css">
      <link rel="stylesheet" href="css/responsive.css" type="text/css">
      <link rel="stylesheet" href="css/style.css" type="text/css">
      <link rel="stylesheet" href="css/k2.css" type="text/css">
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
      <script src="js/easing.1.3.min.jquery.js" type="text/javascript"></script>
      <script src="js/hammer.js" type="text/javascript"></script>
      <script src="js/home.js" type="text/javascript"></script>
      <script src="js/animate-colors-min.js" type="text/javascript"></script>
      <script src="js/default.js" type="text/javascript"></script>
      <script src="js/bootstrap.min.js" type="text/javascript"></script>
      <script src="js/custom.js" type="text/javascript"></script>
      <script src="js/caption.js" type="text/javascript"></script>
      <script src="js/jquery.simplemodal.js" type="text/javascript"></script>
      <script type="text/javascript">
         jQuery(window).on('load',  function() {
                new JCaption('img.caption');
              });
         var bsData = { slideshowSpeed:8000,effectTime:2000,autoPlay:1,stopAuto:1,slideshowSize:'window',slideshowHeight:800,slideshowWidth:400,resizeImage:'auto',wrapperElement:'body',url:'/bt-metro',navType : 'nav-btn',navPosition : 'fixed',navAlign:'center',thumbNumber: 3,thumbHeight: 50,vAlign: 't',hAlign: 'l',photos:[{"image" : "images/bgd-body.jpg","link" : "","title" : "a6c25404b279ee5069887eac43c34f6f.jpg","target" : "","desc" : ""}]};
      </script>
      <link href="http://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet" type="text/css">
      <!--[if lt IE 9]>
      <script src="/bt-metro/media/jui/js/html5.js"></script>
      <![endif]-->
   </head>
   <body class="site com_content view-article layout- task- itemid-435  " style="background: none;">
      <div class="wrapp-inner">
         <!-- Body -->
         <div class="body">
            <div class="container">
               <!-- Header -->
               <div class="header">
                  <div class="header-inner row">
                     <div class="span3 logo" href="/bt-metro">
                        <a href="/bt-metro/index.php"><img src="http://demo.bowthemes.com/bt-metro/images/logo.png" alt="BT Metro"></a>           
                     </div>
                     <div class="navigation span9">
                        <div id="pagenav">
                           <ul class="nav menu ">
                              <li class="item-435 color1 home1"><a href="#hosting"><img src="/bt-metro/images/icon_home.png" alt="Home"><span class="image-title">Hosting</span> </a></li>
                              <li class="item-466 color2 home2"><a href="#vps"><img src="/bt-metro/images/icon_feature.png" alt="Feature"><span class="image-title">VPS</span> </a></li>
                              <li class="item-467 color3 home3"><a href="#server"><img src="/bt-metro/images/icon_portfolio.png" alt="Portfolio"><span class="image-title">Server</span> </a></li>
                              <li class="item-514 color4 home4"><a href="#service"><img src="/bt-metro/images/icon_k2showcase.png" alt="Blogs"><span class="image-title">Service</span> </a></li>
                              <li class="item-469 color5 home5"><a href="#support"><img src="/bt-metro/images/icon_contact.png" alt="Contact Us"><span class="image-title">Support</span> </a></li>
                              <li class="item-514 color4 home6"><a href="#contacts"><img src="/bt-metro/images/icon_portfolio.png" alt="Portfolio"><span class="image-title">Contact</span> </a></li>
                           </ul>
                        </div>
                     </div>
                     <div class="clearfix"></div>
                  </div>
               </div>
               <!-- page-heading -->
               <div class="page-heading">
                 <div class="page-heading-inner">
                    <div class="page-heading-title">
                       Đăng nhập/ Đăng ký
                    </div>
                    <!-- page-heading-title -->
                    <!-- path-way -->
                    <div style="clear:both"></div>
                 </div>
              </div>     
               <!-- Load blocks -->      
               <div class="main">
                  <div class="block-content row">
                    <div id="content" class="span6">
                     <div id="system-message-container">
                        <div id="system-message"></div>
                     </div>
                     <div class="login ">
                        <form action="/bt-metro/menu/2013-01-30-09-47-17/log-in-page?task=user.login" method="post" class="form-horizontal" style="height: 140px;">
                           <fieldset class="well">
                              <h3>Đăng nhập</h3>
                              <div class="control-group">
                                 <div class="controls">
                                    <div class="btl-input">
                                       <input type="text" name="username" id="username" value="" class="validate-username" size="25" required="" aria-required="true">              
                                    </div>
                                 </div>
                              </div>
                              <div class="control-group">
                                 <div class="controls">
                                    <div class="btl-input">
                                       <input type="password" name="password" id="password" value="" class="validate-password" size="25" maxlength="99" required="" aria-required="true">             
                                    </div>
                                 </div>
                              </div>
                              <div class="control-group">
                                 <div class="controls">
                                    <button type="submit" class="btl-buttonsubmit"></button>
                                 </div>
                              </div> 
                           </fieldset>
                        </form>
                        <div style="margin-top: 20px;">
                          <a href="/bt-metro/menu/2013-01-30-09-47-17/registration-page">
                                Quên mật khẩu ?</a>
                        </div>
                     </div>
                    </div>
                    <div id="content" class="span6">
                     <div id="system-message-container">
                        <div id="system-message"></div>
                     </div>
                     <!-- K2 user register form -->
                     <form action="/bt-metro/index.php" enctype="multipart/form-data" method="post" id="josForm" name="josForm" class="form-validate">
                        <div id="k2Container" class="k2AccountPage k2-register-page">
                           <table class="admintable" cellpadding="0" cellspacing="0">
                              <tbody>
                                 <tr>
                                    <th colspan="2" class="k2ProfileHeading">
                                     <h3>Thông tin đăng ký</h3>        
                                    </th>
                                 </tr>
                                 <tr>
                                    <td class="key">
                                       <label id="namemsg" for="name">Họ tên(*)</label>
                                    </td>
                                    <td>
                                       <div class="btl-input">
                                          <input type="text" name="jform[name]" id="name" size="40" value="" class="inputbox required" maxlength="50" aria-required="true" required="required">
                                       </div>
                                    </td>
                                 </tr>
                                 <tr>
                                    <td class="key">
                                       <label id="usernamemsg" for="username">Tên đăng nhập(*)</label>
                                    </td>
                                    <td>
                                       <div class="btl-input">
                                          <input type="text" id="username" name="jform[username]" size="40" value="" class="inputbox required validate-username" maxlength="25" aria-required="true" required="required">
                                       </div>
                                    </td>
                                 </tr>
                                 <tr>
                                    <td class="key">
                                       <label id="emailmsg" for="email">Email(*)</label>
                                    </td>
                                    <td>
                                       <div class="btl-input">
                                          <input type="email" id="email" name="jform[email1]" size="40" value="" class="inputbox required validate-email" maxlength="100" aria-required="true" required="required" style="width:230px !important">
                                       </div>
                                    </td>
                                 </tr>
                                 <tr>
                                    <td class="key">
                                       <label id="email2msg" for="email2">Nhập lại email(*)</label>
                                    </td>
                                    <td>
                                       <div class="btl-input">
                                          <input type="email" id="email2" name="jform[email2]" size="40" value="" class="inputbox required validate-email" maxlength="100" aria-required="true" required="required" style="width:230px !important">
                                       </div>
                                    </td>
                                 </tr>
                                 <tr>
                                    <td class="key">
                                       <label id="pwmsg" for="password">Mật khẩu(*)</label>
                                    </td>
                                    <td>
                                       <div class="btl-input">
                                          <input class="inputbox required validate-password" type="password" id="password" name="jform[password1]" size="40" value="" aria-required="true" required="required">
                                       </div>
                                    </td>
                                 </tr>
                                 <tr>
                                    <td class="key">
                                       <label id="pw2msg" for="password2">Nhập lại mật khẩu(*)</label>
                                    </td>
                                    <td>
                                       <div class="btl-input">
                                          <input class="inputbox required validate-passverify" type="password" id="password2" name="jform[password2]" size="40" value="" aria-required="true" required="required">
                                       </div>
                                    </td>
                                 </tr>
                                 <!-- K2 attached fields -->
                                 <tr>
                                    <td class="key">
                                       <label id="gendermsg" for="gender">Giới tính</label>
                                    </td>
                                    <td>
                                       <div class="controls">
                                          <label for="genderm" id="genderm-lbl" class="radio">
                                          <input type="radio" name="gender" id="genderm" value="m" checked="checked">Nam
                                          </label>
                                          <label for="genderf" id="genderf-lbl" class="radio">
                                          <input type="radio" name="gender" id="genderf" value="f">Nữ
                                          </label>
                                       </div>
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>
                                       Ghi chú<br>
                                       
                                    </td>
                                    <td><textarea name="description" id="description" cols="" rows="" style="resize: none;">  </textarea></td>
                                 </tr>
                                 <tr>
                                    <td class="key">
                                       <label id="imagemsg" for="image">Hình ảnh (avatar)</label>
                                    </td>
                                    <td class="tdimg">
                                       <input type="file" id="image" name="image">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td class="key">
                                       <label id="urlmsg" for="url">URL</label>
                                    </td>
                                    <td>
                                       <div class="btl-input">
                                          <input type="text" size="50" value="" name="url" id="url">
                                       </div>
                                    </td>
                                 </tr>
                                 <!-- Joomla! 1.6+ JForm implementation -->
                              </tbody>
                           </table>
                           <div class="k2AccountPageNotice">Các trường (*) bắt buộc phải nhập.</div>
                           <div class="k2AccountPageUpdate">
                              <button class="btl-buttonsubmit button validate" type="submit"> Đăng ký </button>
                           </div>
                        </div>
                        <input type="hidden" name="option" value="com_users">
                        <input type="hidden" name="task" value="registration.register">
                        <input type="hidden" name="id" value="0">
                        <input type="hidden" name="gid" value="0">
                        <input type="hidden" name="K2UserForm" value="1">
                        <input type="hidden" name="07df2cddaaf05c576b79d858563b675c" value="1">
                     </form>
                  </div>
                  </div>
               </div>
            </div>
            <!-- Footer -->
            <div class="footer">
               <div class="container">
                  <div class="footer1">Copyright © 2014 BT Metro. All Rights Reserved.</div>
                  <!-- <div class="footer2"></div> -->
               </div>
            </div>
            <div class="sidebar-footer">
               <div class="container">
                  <!-- botton  -->
                  <div class="sidebar-left" ></div>
                  <div class="sidebar-right" ></div>
                  <!--  -->
                  <div class="sidebar" >
                     <div class="active-sidebar" ></div>
                  </div>
               </div>
            </div>
         </div>
         <div id="sbox-overlay" aria-hidden="true" tabindex="-1" style="z-index: 65555; opacity: 0;"></div>
         <div id="sbox-window" role="dialog" aria-hidden="true" class="shadow" style="z-index: 65557;">
            <div id="sbox-content" style="opacity: 0;"></div>
            <a id="sbox-btn-close" href="#" role="button" aria-controls="sbox-window"></a>
         </div>
      </div>
      <div id="cp-bg-slide" style="position: fixed; width: 1349px; height: 332px;">
         <div id="slideimgs" rel="1">
            <div id="slideimg1" class="slideimg" rel="" style="display: block;">          
               <img class="imgslide" src="images/bgd-body.jpg" alt="" style="width: 1349px; height: auto; position: absolute; left: 0px; top: 0px;">           
            </div>
         </div>
      </div>
      <div id="cp-bg-bar" style="position: fixed; display: block;">
         <div class="progress-button 1" style="left: 628px; display: none;">
            <a id="cp-back" href="javascript:void(0)" class="cp-slide-btn"></a>
            <a id="cp-play" href="javascript:void(0)" class="cp-slide-btn" style="display: none;"></a>
            <a id="cp-pause" href="javascript:void(0)" class="cp-slide-btn"></a>
            <a id="cp-next" href="javascript:void(0)" class="cp-slide-btn"></a>
         </div>
         <div id="progress-background">
            <div id="progress-bar" style="left: -1366px; width: 1366px;"></div>
         </div>
      </div>
   </body>
</html>